<template>
	<view class="x-publishTime x-flex-row-between-center">
		<text class="text">
			{{props.date}}
		</text>
		<text class="text" v-if="props.label">
			#{{props.label}}
		</text>
		<slot></slot>
	</view>
</template>

<script setup>
	const props = defineProps({
		date: {
			type: [String, Number],
			default: ''
		},
		label: {
			type: String,
			default: ''
		}
	})
</script>

<style lang="scss" scoped>
	.x-publishTime {
		width: 100%;
		padding-top: 20rpx;

		.text {
			font-size: 24rpx;
			font-weight: 500;
			line-height: 28rpx;
		}

		.text:first-child {
			color: #999999;
		}

		.text:last-child {
			color: #486AEF;
		}
	}
</style>